<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<script>
		// let xhr = new XMLHttpRequest()
		// console.log(xhr, 9999);
		// xhr.open('POST', 'http://www.liulongbin.top:3006/api/addbook')
		// //  设置请求头  定义请求数据类型
		// xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
		// xhr.send('bookname=js1&author=web1&publisher=hm1')
		// xhr.onreadystatechange = function() {
		// 	if (xhr.readyState == 4 && xhr.status == 200) {
		// 		console.log(xhr.responseText);
		// 	}
		// }

		function ajax(option) {  // {type:'',url:''}
			let xhr = new XMLHttpRequest()
			console.log(xhr, 9999);
			xhr.open(option.type, option.url)
			//  设置请求头  定义请求数据类型
			xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
			xhr.send(option.data)
			xhr.onreadystatechange = function() {
				if (xhr.readyState == 4 && xhr.status == 200) {
					console.log(xhr.responseText);
					//	callback&&callback()
					if (option.success) {
						option.success(xhr.responseText)
					}
				}
			}
		}

		// ajax('POST', 'http://www.liulongbin.top:3006/api/addbook', 'bookname=jack&author=1&publisher=222', function(res) {
		// 	console.log(res, 999);
		// })

		ajax({
			type:'POST',
			url:'http://www.liulongbin.top:3006/api/addbook',
			data:'bookname=jack&author=1&publisher=222',
			success:function(res){
				
			}
		})

		
	</script>
</body>

</html>
